html, body { margin: 0px; padding: 0px; clear: both; overflow: auto; background-repeat: no-repeat; background-image: url("../images/app/two/bg.jpg"); min-height: 100%; width: 100%; background-size: 100%; height: auto; }

html { background-position: center bottom; height: auto; background-image: url("../images/app/two/htmlbg.jpg"); background-repeat: repeat-y; }

p { margin: 0; padding: 0px; }

.oneContainer { margin-top: 7.77778rem; padding: 0px 10px; box-sizing: border-box; padding-bottom: 20px; }

.oneContainer .shops { background-color: rgba(120, 120, 120, 0.5); width: 98%; margin: 0 auto; overflow: hidden; clear: both; padding: 20px; box-sizing: border-box; }

.oneContainer .shops .shopBox { margin-right: -10px; margin-bottom: -10px; }

.oneContainer .shops .shopBox .shopItem { float: left; background-color: #fff; padding: 0.83333rem; overflow: hidden; width: 3.61111rem; margin-right: 10px; margin-bottom: 10px; height: 4.72222rem; position: relative; }

.oneContainer .shops .shopBox .shopItem img { width: 100%; }

.oneContainer .shops .shopBox .shopItem img.over { position: absolute; top: 20%; left: 0%; }

.oneContainer .shops .info { text-align: center; }

.oneContainer .couponBox { background-color: #fff; width: 90%; margin: 0 auto; padding: 30px 0; }

.oneContainer .couponBox .couponItem { width: 13.94444rem; height: 6.16667rem; clear: both; overflow: hidden; margin: 0 auto; display: block; background-image: url("../images/app/two/shopcoupon.png"); background-size: cover; background-repeat: no-repeat; margin-bottom: 20px; position: relative; }

.oneContainer .couponBox .couponItem .over { position: absolute; left: 25%; height: 100%; }

.oneContainer .couponBox .couponItem .logo { width: 35%; float: left; text-align: center; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 6.16667rem; }

.oneContainer .couponBox .couponItem .logo img { max-height: 4.16667rem; max-width: 4.16667rem; margin: 0 auto; }

.oneContainer .couponBox .couponItem .text { float: left; width: 60%; color: #fff; text-align: center; }

.oneContainer .couponBox .couponItem .text .discount { font-size: 1.66667rem; line-height: 2; font-weight: bold; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.4); margin-top: 10px; }

.oneContainer .couponBox .couponItem .text .time { font-size: 0.72222rem; line-height: 2; }

.oneContainer .couponBox .coupon { width: 13.94444rem; height: 6.16667rem; background-image: url("../images/app/two/coupon.png"); background-size: cover; margin: 20px auto; clear: both; overflow: hidden; }

.oneContainer .couponBox .coupon .discount { float: left; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 6.16667rem; width: 50%; }

.oneContainer .couponBox .coupon .discount .text { font-size: 1.38889rem; font-weight: bold; text-align: center; line-height: 1.5; color: #fff; margin: 0 auto; text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3); }

.oneContainer .couponBox .coupon .number_logo { float: right; width: 50%; overflow: hidden; padding-top: 10px; }

.oneContainer .couponBox .coupon .number_logo .number { font-size: 1.11111rem; color: #fff; text-align: center; }

.oneContainer .couponBox .coupon .number_logo .logoImg { clear: both; overflow: hidden; height: 2.22222rem; text-align: center; }

.oneContainer .couponBox .coupon .number_logo .logoImg img { max-height: 2.22222rem; max-width: 80%; }

.oneContainer .couponBox .coupon .number_logo .time { font-size: 0.38889rem; margin-top: 5px; color: #fff; }

.oneContainer .couponBox .gotText { text-align: center; font-size: 1.11111rem; line-height: 2; color: #666; }

.oneContainer .couponBox .logoImg { height: 6.38889rem; -webkit-align-content: center; -ms-flex-align: center; -webkit-box-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; }

.oneContainer .couponBox .logoImg img { max-height: 5.55556rem; max-width: 16.66667rem; margin: 0 auto; }

.oneContainer .couponBox .howUser { width: 94%; margin: 20px auto; display: block; }

.oneContainer .couponBox .desInfo { font-size: 0.44444rem; color: #666; margin: 20px auto; width: 80%; line-height: 2; }

.oneContainer .couponBox .mkesure { display: block; clear: both; overflow: hidden; margin: 30px auto; width: 12.80556rem; height: 4.66667rem; background-image: url("../images/app/one/btn.png"); background-size: cover; line-height: 100; background-repeat: no-repeat; }

.oneContainer .ft { font-size: 1rem; color: #666; text-align: center; }

.oneContainer .input { height: 2.22222rem; line-height: 2.22222rem; border: 1px solid #ddd; background-color: rgba(255, 255, 255, 0.7); width: 13.88889rem; margin: 0px auto; box-sizing: border-box; padding: 0px; }

.oneContainer input[type="tel"] { border: 0px; height: 1.94444rem; line-height: 1.94444rem; border-radius: 0px; background: none; width: 100%; font-size: 1.05556rem; text-align: center; vertical-align: middle; margin-left: -10px; outline: none; }

.oneContainer .smbtn { width: 6.38889rem; height: 2.5rem; background-repeat: no-repeat; background-size: cover; display: block; margin: 10px auto; background-image: url("../images/app/one/smbtn.png"); line-height: 100; overflow: hidden; }

.oneContainer .twodes { width: 90%; margin: 20px auto; display: block; }

@media only screen and (max-width: 379px) { html { font-size: 18px; } }

@media only screen and (min-width: 380px) and (max-width: 399px) { html { font-size: 21px; } }

@media only screen and (min-width: 400px) and (max-width: 439px) { html { font-size: 22px; } }

@media only screen and (min-width: 440px) and (max-width: 479px) { html { font-size: 24px; } }

@media only screen and (min-width: 480px) and (max-width: 639px) { html { font-size: 27px; } }

@media only screen and (min-width: 640px) and (max-width: 679px) { html { font-size: 38px; } }

@media only screen and (min-width: 750px) { html { font-size: 42px; } }
